<template>
  <div id="emergencyManagement">
    <div class="header">
      <headbar :headstyleshow="isshowstyle"></headbar>
    </div>
    <div class="sidebar">
      <sidebar :openlist="menulist" :checklist="menuitem"></sidebar>
    </div>
    <div class="right-container">
      <router-view></router-view>
    </div>
  </div>
</template>
<script type="text/javascript">
  import sidebar from '../../components/sidebar'
  import headbar from '../../components/headbar'

  export default {
    components: {
      sidebar,
      headbar
    },
    data() {
      return {
        menulist: "",
        menuitem: ['4'],
        isshowstyle: true,
      }
    },
    computed: {},
    created() {
      this.menulist = this.$route.query.name;
      switch (this.menulist) {
        case '4_1':
          this.$router.push({
            path: '/emergencyManagement/index',
            query: {name: '4_1'}
          })
          break;
        case '4_2':
          this.$router.push({
            path: '/emergencyManagement/register',
            query: {name: '4_2'}
          })
          break;
        case '4_3':
          this.$router.push({
            path: '/emergencyManagement/checkout',
            query: {name: '4_3'}
          })
          break;
        case '4_4':
          this.$router.push({
            path: '/emergencyManagement/gismap',
            query: {name: '4_4'}
          })
          break;
        case '4_5':
          this.$router.push({
            path: '/emergencyManagement/gismapEdit',
            query: {name: '4_5'}
          })
          break;
      }
    },
    methods: {},
    mounted() {

    }
  }
</script>
<style lang="less" scoped>
  #emergencyManagement {
    width: 100%;
    height: 100%;
  }

  .right-container {
    padding: 15px;
  }
</style>
